<template>
	<view>
		<view class="itemHeader">
			<view class="hdUser">
				<image src="../static/jzqImgs/user1.png" mode=""></image>
				<view class="userInfo">
					<text class="userName">Kuder测评</text>
					<text class="time">刚刚</text>
				</view>
			</view>
			<view class="hdMore">
				<image src="../static/jzqIcon/more.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "commonHeader",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.itemHeader {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.hdUser {
			display: flex;
			justify-content: center;
			align-items: center;

			image {
				width: 60rpx;
				height: 60rpx;
			}

			.userInfo {
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;

				.userName {
					font-weight: bold;
					font-size: 28rpx;
				}

				.time {
					font-size: 20rpx;
					color: #CCCCCC;
				}
			}
		}

		.hdMore {
			image {
				width: 64rpx;
				height: 34rpx;
			}
		}
	}
</style>
